<template>

  <client-only>
    <div class="app-container">
      <div id="main">
        <!-- 公共头 -->
        <div class="top">
          <sytHeader/>
        </div>

        <div class="main-container">
          <el-scrollbar class='page-component__scroll'>
            <!-- 内容区域 -->
            <nuxt/>
          </el-scrollbar>
        </div>
        <!-- 公共底 -->
        <div class="floor">
          <sytFooter/>
        </div>

      </div>
    </div>
  </client-only>
</template>
<script>
import '~/assets/css/app.css'
import '~/assets/css/chunk.css'
import '~/assets/css/iconfont.css'
import '~/assets/css/main.css'
import sytHeader from "./sytHeader";
import sytFooter from "./sytFooter";

export default {
  components: {
    sytHeader, sytFooter
  }
}
</script>
<style scoped>
.top {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 50px;
  z-index: 999;
}
.main-container{
  padding-top: 3.9%
}
</style>
